<template>
  <n-menu
    v-model:value="activeKey"
    :collapsed-width="64"
    :collapsed-icon-size="20"
    :options="commonVar.mixMenuChildren"
    :root-indent="15"
    :indent="26"
    :accordion="commonVar.accordion"
    :inverted="
      commonVar.layout === 'vertical'
        ? commonVar.headerInverted
        : commonVar.siderInverted
    "
  />
</template>

<script setup>
import { ref, onMounted } from "vue";
import { useThemeStore } from "@/stores/models/theme";

onMounted(() => { });
const activeKey = ref(null);
const themeStore = useThemeStore();
const commonVar = themeStore.commonVar;
</script>
<style scoped lang='scss'>
</style>